<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>首页</title>

		<link th:href="@{/static/assets/css/amazeui.css}" rel="stylesheet" type="text/css" />
		<link  th:href="@{/static/assets/css/admin.css}" rel="stylesheet" type="text/css" />

		<link th:href="@{/static/basic/css/demo.css}" rel="stylesheet" type="text/css" />

		<link th:href="@{/static/css2/hmstyle.css}" rel="stylesheet" type="text/css" />
		<script th:src="@{/static/assets/js/jquery.min.js}"></script>
		<script th:src="@{/static/assets/js/amazeui.min.js}"></script>


	</head>

	<body>
		<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a href="/login1/login" target="_top" class="h">亲，请登录</a>
							<a href="/login1/enroll" target="_top">免费注册</a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="/user/main" target="_top" class="h">省多多商城</a></div>
					</div>
					<div th:onclick="myAccount([[${userPhone}]])" class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a target="_top"><i class="am-icon-user am-icon-fw"></i>[[${userPhone}]]</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="/cart/list" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="/myOrder/list" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>我的订单</span></a></div>
					</div>
				</ul>
				</div>

				<!--悬浮搜索框-->

				<div class="nav white">
					<div class="logo"><img th:src="@{/static/images2/logo.png}" /></div>
					<div class="logoBig">
						<li><img th:src="@{/static/images2/logobig.png}" /></li>
					</div>

					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form action="search.html">
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
						</form>
					</div>
				</div>

				<div class="clear"></div>
			</div>
			<div class="banner">
                      <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides">
								<li class="banner1"><a href="introduction.html"><img th:src="@{/static/images2/ad1.jpg}" /></a></li>
								<li class="banner2"><a><img th:src="@{/static/images2/ad2.jpg}" /></a></li>
								<li class="banner3"><a><img th:src="@{/static/images2/ad3.jpg}" /></a></li>
								<li class="banner4"><a><img th:src="@{/static/images2/ad4.jpg}" /></a></li>
							</ul>
						</div>
						<div class="clear"></div>	
			</div>
			<div class="shopNav">
				<div class="slideall">

					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="#">省</a></li>
                                <li class="qc"><a href="#">多</a></li>
                                <li class="qc"><a href="#">多</a></li>
                                <li class="qc"><a href="#">商</a></li>
                                <li class="qc last"><a href="#">城</a></li>
							</ul>
						</div>
		        				
						<!--侧边导航 -->
						<div id="nav" class="navfull">
							<div class="area clearfix">
								<div class="category-content" id="guide_2">
									<div class="category">
										<ul th:each="cg:${cs}" class="category-list" id="js_climit_li">
											<li class="appliance js_toggle relative first">
												<div class="category-info">
													<h3 th:onclick="search([[${cg.id}]])" class="category-name b-category-name"><i><img th:src="@{/static/images2/cake.png}"></i><a class="ml-22" title="点心">[[${cg.classificationName}]]</a></h3>
													<em>&gt;</em></div>
											<b class="arrow"></b>	
											</li>
										</ul>
									</div>
								</div>

							</div>
						</div>
						
						<!--轮播 -->
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>
					<!--走马灯 -->

					<div class="marqueen">
						<span class="marqueen-title">商城头条</span>
						<div class="demo">

							<ul>
								<li class="title-first"><a target="_blank" href="#">
									<img th:src="@{/static/images2/TJ2.jpg}">
									<span>[特惠]</span>商城爆品1分秒								
								</a></li>
								<li class="title-first"><a target="_blank" href="#">
									<span>[公告]</span>商城与广州市签署战略合作协议
								     <img th:src="@{/static/images2/TJ.jpg}">
								     <p>XXXXXXXXXXXXXXXXXX</p>
							    </a></li>
							    
						<div class="mod-vip">
							<div class="m-baseinfo">
								<a href="../person/index.html">
									<img th:src="@{/static/images2/getAvatar.do.jpg}">
								</a>
								<em>
									Hi,<span class="s-name">[[${userPhone}]]</span>
									<a href="#"><p>点击更多优惠活动</p></a>									
								</em>
							</div>
							<div class="member-logout">
								<a class="am-btn-warning btn" th:onclick="myAccount([[${userPhone}]])">个人中心</a>
								<a class="am-btn-warning btn" href="/login1/login">退出登录</a>
							</div>
							<div class="clear"></div>	
						</div>																	    
							    
								<li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li>
								<li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li>
								<li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券 买1送1！</a></li>
								
							</ul>
                        <div class="advTip"><img th:src="@{/static/images2/advTip.jpg}"/></div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
				<script type="text/javascript">

				</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">
					<!--热门活动 -->

					<div class="am-container activity ">
						<div class="shopTitle ">
							<h4>新品推荐</h4>
							<h3>8款最新上线的新品   今日已更新</h3>
						</div>

					  <div class="am-g am-g-fixed ">
						   <span th:each="ng:${newGoodsList}">
						<div class="am-u-sm-3 ">
							<div class="icon-sale one "></div>	
								<h4>新品</h4>
							<div class="activityMain ">
								<img th:onclick="detail([[${ng.id}]])" th:src="'http://localhost:8887/'+ ${ng.imgUrl}" width="150px" height="150px"/>
							</div>
							<div class="info ">
								<h3>春节送礼优选</h3>
							</div>
						</div>
						   </span>
					  </div>
                   </div>
					<div class="clear "></div>




					<div class="footer ">
						<div class="footer-hd ">
							<p>
								<a href="# ">恒望科技</a>
								<b>|</b>
								<a href="# ">商城首页</a>
								<b>|</b>
								<a href="# ">支付宝</a>
								<b>|</b>
								<a href="# ">物流</a>
							</p>
						</div>
						<div class="footer-bd ">
							<p>
								<a href="# ">关于恒望</a>
								<a href="# ">合作伙伴</a>
								<a href="# ">联系我们</a>
								<a href="# ">网站地图</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>

		<script type="text/javascript " th:src="@{static/basic/js/quick_links.js}"></script>
	</body>
   <script>
	 function myAccount(userPhone){
    window.location.href = "/user/myAccount?userPhone="+userPhone;
    }
    <!--点击商品左侧栏触发事件-->
    function search(superiorId) {
    window.location.href = "/sg/query?superiorId="+superiorId;
    }
       <!--点击商品跳到商品详情-->
    function detail(id){
    window.location.href = "/sg/detail?id="+id;
    }
   </script>

</html>